/**
 * Created by Administrator on 2019/6/20.
 */

var duo1 = document.querySelector(".duo1");
var  n3y = document.querySelector(".n3-y")

duo1.addEventListener("mouseover",function () {

    n3y.style.display = "block"
})

duo1.addEventListener("mouseleave",function () {

    n3y.style.display = "none"
})
n3y.addEventListener("mouseover",function () {
    n3y.style.display = "block"
})
n3y.addEventListener("mouseleave",function () {
    n3y.style.display = "none"
})

var duo2 = document.querySelector(".duo2");
var  n4y = document.querySelector(".n4-y")

duo2.addEventListener("mouseover",function () {

    n4y.style.display = "block"
})

duo2.addEventListener("mouseleave",function () {
    n4y.style.display = "none"
})
n4y.addEventListener("mouseover",function () {
    n4y.style.display = "block"
})
n4y.addEventListener("mouseleave",function () {
    n4y.style.display = "none"
})

var duo3 = document.querySelector(".duo3");
var  n5y = document.querySelector(".n5-y")

duo3.addEventListener("mouseover",function () {
    n5y.style.display = "block"
})

duo3.addEventListener("mouseleave",function () {
    n5y.style.display = "none"
})

n5y.addEventListener("mouseover",function () {
    n5y.style.display = "block"
})
n5y.addEventListener("mouseleave",function () {
    n5y.style.display = "none"
})

var a=document.querySelectorAll("#ul li");
var b=document.querySelectorAll(".ma-le .ul1");

for (var i=0;i< a.length;i++){
    a[i].index=i;
    a[i].addEventListener('click',function () {
        for(var k=0;b.length;k++){
            b[k].classList.remove("xian");
            a[k].classList.remove("si");
            b[this.index].classList.add("xian");
            a[this.index].classList.add("si")
        }
    })
}


var e=document.querySelectorAll(".ul2 li");
var f=document.querySelectorAll(".ji-main ul")


for (var n=0;n< a.length;n++){
    e[n].index=n;
    e[n].addEventListener('click',function () {
        for(var m=0;m<e.length;m++){
            e[m].classList.remove("li2");
            f[m].classList.remove("ull");
            e[this.index].classList.add("li2");
             f[this.index].classList.add("ull")
        }
    })
}

//var ip=document.querySelector(".inp input");
//var iq=document.querySelector(".inp");
//var ib=document.querySelector("#butt");
//
//ip.onfocus=function(){
//    iq.style.backgroundColor="#ffffff";
//    iq.style.borderColor="#f80";
//    ib.backgroundImage='url(searchbtn.jpg)';
//}
//ip.addEventListener('click',function(){
//    
//})

